<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>产品管理</title>
<link href="${pageContext.request.contextPath }/css/styles.css" rel="stylesheet" type="text/css" />
 <link href="${pageContext.request.contextPath }/css/facebox.css" rel="stylesheet" type="text/css" />
 <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.min.js"></script>

    
    <!-- LOAD TIPSY TOOLTIPS-->
    <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.tipsy.js"></script>
   
    <!-- LOAD CUSTOM JQUERY SCRIPTS-->
    <script type="text/javascript" src="${pageContext.request.contextPath }/js/scripts.js"></script>	
    
	 <!-- LOAD FACEBOX -->
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/facebox.js"></script>
    

    <!-- LOAD FLOT GRAPHS -->
    <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.flot.pack.js"></script>
    <!--[if IE]>
     <script language="javascript" type="text/javascript" src="js/excanvas.pack.js"></script>
    <![endif]-->
    
    
    <!--[if IE 6]>
    <script src="js/pngfix.js"></script>
    <script>
        DD_belatedPNG.fix('.png_bg');
    </script>        
    <![endif]-->

	
    <!-- LOAD GRAPH JAVASCRIPT FILE-->
	<script src="${pageContext.request.contextPath }/js/graphs.js" type="text/javascript"></script>
	<style type="text/css">
body { overflow-x: hidden; overflow-y: auto; } 
</style>
</head>
<body>
	<div class="result-wrap" style="width: 80%;margin-left: 10%;">
			<div class="result-title">
				<div class="result-list">
					<h1 align="left">产品管理</h1>
				</div>
			</div>
			<div>
        	<div id="tab1" class="tab_content">
        	<ul class="imglist">
        
            <s:iterator value="#request.list">
            <li>
            
            	<img src="<s:property value="Picture"/>" width="100" height="100" alt="<s:property value="Name"/>" title="<s:property value="Name"/>" />
            	<div class="actions">
            		<div>
            		<a class="imglistbutton" rel="facebox" href="<s:property value="Picture"/>"><img src="${pageContext.request.contextPath }/images/magnifier.png" width="16" height="16" alt="View" /></a>
            		</div>	
					<div style="margin-left: -60px;margin-top:5px; ">
					<a target="main" href="${pageContext.request.contextPath }/product/updateProductPage.action?id=<s:property value="Id"/>">
					<img src="${pageContext.request.contextPath }/images/xiugai.png" width="16" height="16" alt="View" /></a>
					</div>
					<div style="margin-left: -60px;margin-top:10px; ">
					<a target="main" href="${pageContext.request.contextPath }/product/deleteProduct.action?id=<s:property value="Id"/>" class="${pageContext.request.contextPath }/product/deleteProduct.action?id=<s:property value="Id"/>">
					<img src="${pageContext.request.contextPath }/images/cancel.png" width="16" height="16" alt="Delete" /></a>
					</div>
				</div>
            <div>${Name }</div>
            </li>
            </s:iterator>
            </ul>
			 </div>
			 </div>
	</div>
</body>
</html>